<template>
  <div class="page">
    <!-- tip -->
    <div class="tip">
      注意：考试答题页面会自动倒计时，如果考试中您的电脑断网，请先关闭考试页面！待网络恢复稳定后再次考试！ 
如果您发现您需要参加的考试这里没有显示，说明您可能之前完成了考试或者考试已经过期
    </div>
    <!-- box -->
    <div class="testBox">
      <div class="item-cell">
        <div class="tit">考试名称：</div>
        <div class="lf">{{data.title}}</div>
      </div>
      <div class="item-cell">
        <div class="tit">考试代码：</div>
        <div class="lf">{{data.code}}</div>
      </div>
       <div class="item-cell">
        <div class="tit">考试对象：</div>
        <div class="lf">{{data.targets}}</div>
      </div>
       <div class="item-cell">
        <div class="tit">考试日期：</div>
        <div class="lf" style="font-size: 12px">{{data.period}}</div>
      </div>
       <div class="item-cell">
        <div class="tit">考试时间：</div>
        <div class="lf">{{data.duration}} 分钟</div>
      </div>
      <div class="item-cell">
        <div class="tit">考题数量：</div>
        <div class="lf">{{data.subjects_num}}</div>
      </div>
      <div class="item-cell">
        <div class="tit">描述信息：</div>
        <div class="lf">{{data.descr}}</div>
      </div>
    </div>
    <!-- msg -->
    <div class="msg">
      <em>*</em>
      开始考试后请注意倒计时！如果有事离开请关闭页面
    </div>
    <!-- btn -->
    <div class="btnBox">
      <router-link :to="'/test?id='+this.id" class="a1">开始考试</router-link>
    </div>
  </div>
</template>

<script>
import { Dialog } from "vant";
export default {
  data() {
    return {
      id:"",
      data:[]
    };
  },
  mounted: function() {
     maxusJSB.tojson({title:"在线考试",left:"关闭"})
    this.id=this.$route.query.id   
    this.getData()
  },
  methods: {
    // 请求列表
    getData() {
      this.$http
        .get("?key=&request=front&operation=exam-detail&client=1&by=admin&id="+this.$route.query.id+"&user_id="+this.getUserID+"&_="+Date.parse(new Date()))
        .then(response => {
          if(response.ret==1){
            this.data=response.data[0]
          }
        });
    }
  }
};
</script>

<style>
</style>